<script>
import Aside from "@/components/user/SHOPPING/Aside.vue";
import Header from "@/components/user/SHOPPING/Header.vue";


export default {
    name: "Index",
    components: {Aside,Header},
}

</script>

<template>
    <el-container>
        <el-aside width="200px">
            <Aside></Aside>
        </el-aside>

        <el-container style="border: 1px solid #eee;">
            <el-header>
                <Header></Header>
            </el-header>

            <el-main>
                <router-view/>
            </el-main>
        </el-container>
    </el-container>
</template>

<style scoped>
.el-header {
    border: 1px solid #eee;
    padding: 0;
    height: 10vh;

}
.el-main{
    border: 1px solid #eee;
    padding: 0;
    height: 90vh;
}

.el-aside {
    padding: 0;
    height: 100vh;
    color: #333;
    overflow-x: hidden;
    overflow-y: auto;
}
</style>